<template>
<div class="tac">
  <!-- <el-col :span="5"> -->
    <el-menu
      router
      default-active="this.$route.path"
      class="el-menu-vertical-demo"
      @open="handleOpen"
      @close="handleClose"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b">
      
      <el-menu-item index="/editor">
        <i class="el-icon-menu"></i>
        <span slot="title">文章发布</span>
      </el-menu-item>

      <!-- <el-menu-item index="/manage">
        <i class="el-icon-document"></i>
        <span slot="title">文章管理</span>
      </el-menu-item> -->
    </el-menu>
  <!-- </el-col> -->
</div>

</template>


<script>
  export default {
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<style scoped>
.tac{
    display: block;
    position: absolute;
    width: 135px;
    left: 0;
    top: 70px;
    bottom: 0;
    overflow-y: noscroll;
    
    
}

.tac > ul {
    height: 200%;
}
</style>